<ion-header>
  <ion-toolbar class="toolbar-head">
    <ion-buttons slot="start" mode='ios'>
      <ion-back-button text="" defaultHref=""></ion-back-button>
    </ion-buttons>
    <ion-title>Add a product review    </ion-title>
    <!-- <ion-label slot="end" style="color: white; font-size: 0.8rem;padding-right: 5px;">所有订单</ion-label> -->
  </ion-toolbar>
</ion-header>
<ion-content>
  <div *ngFor="let item of commentInfo.array;let idx=index">
    <div class="order-item">
      <div class="order-item-content">
        <img  onerror="this.src='../../../../assets/img/zhanshi3.png';this.onerror=null" src='{{solaImage(item.procImg)}}' alt="">
        <div class="order-item-content-text">
          <p style="font-size: 1rem;">
            <label style="color:#666666;">{{item.procName}}</label>
          </p>
          <p style="font-size: 0.9rem;margin-top: 8px; line-height: 0.8rem;">
            <label style="color:#AAAAAA">Size:{{item.size}}</label>
            &nbsp; &nbsp; &nbsp;
            <label style="color:#AAAAAA">Color:{{item.color}}</label>
          </p>
          <p style=" font-weight:bold; margin-top: 8px; font-size: 1.2rem;">
            ${{AmountOfConversion(item.procCashPrice)}}</p>

        </div>
        <div style="padding: 10px 0;">
          <label
            style="color:#333333;font-size: 1.2rem;padding-left: 0.2rem;line-height: 3rem;  margin: 10px 0;   float: left;">商品评价</label>
          <div class="xingxing">
            <img src="../../../../assets/img/xingxing.png" alt="" *ngIf="item.classInfo >2" (click)="onClickStar(0,idx)">
            <img src="../../../../assets/img/xingxing-1.png" alt="" *ngIf="item.classInfo < 2" (click)="onClickStar(0,idx)">
            <img src="../../../../assets/img/xingxing.png" alt="" *ngIf="item.classInfo >4" (click)="onClickStar(2,idx)">
            <img src="../../../../assets/img/xingxing-1.png" alt="" *ngIf="item.classInfo < 4" (click)="onClickStar(2,idx)">
            <img src="../../../../assets/img/xingxing.png" alt="" *ngIf="item.classInfo >6" (click)="onClickStar(4,idx)">
            <img src="../../../../assets/img/xingxing-1.png" alt="" *ngIf="item.classInfo < 6" (click)="onClickStar(4,idx)">
            <img src="../../../../assets/img/xingxing.png" alt="" *ngIf="item.classInfo >8" (click)="onClickStar(6,idx)">
            <img src="../../../../assets/img/xingxing-1.png" alt="" *ngIf="item.classInfo < 8" (click)="onClickStar(6,idx)">
            <img src="../../../../assets/img/xingxing.png" alt="" *ngIf="item.classInfo >10" (click)="onClickStar(8,idx)">
            <img src="../../../../assets/img/xingxing-1.png" alt="" *ngIf="item.classInfo < 10" (click)="onClickStar(8,idx)">
            <!-- <label style=" line-height: 2.5rem;
          display: inline-block;
          margin-left: 1rem;">{{item.classInfoText}}</label>    -->
             <label style=" line-height: 2.5rem;
          display: inline-block;
          margin-left: 1rem;"></label>
          </div>

        </div>
      </div>
    </div>
    <textarea style="    width: 100%;
  border: 0;
  margin-top: 15px;
  font-size: 1.2rem;
  padding: 15px;
  border-top: 1px solid rgba(0,0,0,0.08);" type="text" [(ngModel)]="item.content"
      placeholder="How was the product? "></textarea>
  </div>

  <button class="btn-sub" (click)="btnSubmit()">Submit  </button>
</ion-content>